﻿{%extends "base.html"%}
{%block body%}
<script type="text/javascript">
</script>
<table cellpadding="2" width="700" class="smallfont" border="0">
  <tr>
    <td width="11%" > Page: {{StringPaging}}</td>
  </tr>
</table>
<br />
	{%for item in arr_result.items%}
			<table border="1" cellpadding="2" style="border-collapse: collapse" bordercolor="#C9C9C9" width="700" id="AutoNumber1" class="smallfont">
		  	  <tr>
		  			<td><b>{{item.0}}</b></td>
		  	  </tr>
			  <tr >
				 	<td></td>
		  		 	<td bgcolor="olive" colspan="6" align="center"><b>OverDue</b></td>
		  	  </tr>
			  <tr class="title">
					<td align="center" width="100"><b>In Due</b></td>
					<td align="center" width="100"><b>1 -  30</b></td>
					<td align="center" width="100"><b>31 - 60</b></td>
					<td align="center" width="100"><b>61 - 90</b></td>
					<td align="center" width="100"><b>91 - 120</b></td>
					<td align="center" width="100"><b>121 - 180</b></td>
					<td align="center" width="100"><b>&gt;180</b></td>
			  </tr>
			  <tr class="smallfont">
					<td  align="right" >{{item.1.0}}</td>
					<td  align="right" >{{item.1.1}}</td>
					<td  align="right" >{{item.1.2}}</td>
					<td  align="right" >{{item.1.3}}</td>
					<td  align="right" >{{item.1.4}}</td>
					<td align="right">{{item.1.5}}</td>
				    <td align="right">{{item.1.6}}</td>
			  </tr>
			</table>
			<br/>
			<br/>
	{%endfor%}
{%endblock%}
